<!-- src/App.vue -->
<template>
  <!-- 确保只有一个根元素 -->
  <div id="app">
    <!-- 路由出口必须存在 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted() {
    console.log('✅ App组件已挂载'); // 调试日志
  }
}
</script>

<style>
/* 全局样式重置 - 确保没有隐藏内容的样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body, #app {
  height: 100%;
  width: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: #f5f7fa;
}

/* 确保路由视图可见 */
#app {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.router-view {
  display: block !important;
  height: 100% !important;
}
</style>